<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小区详情</title>
    <link rel="stylesheet" href="../css/communitydetails.css">
    <link rel="stylesheet" href="../css/swiper.minmin.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="shortcut icon" href="../img/ifont.png">
    <link rel="stylesheet" href="../details_iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/indexiconfont.css">
    <link rel="stylesheet" href="../css/map.css">
    <link rel="stylesheet" href="../css/dawanqu/dwq.css">
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=2COzFaICuIyVj7V3VetKfmdRVnX8BhVr"></script>
</head>

<body>
    <script src="../js/ajax.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/swiper.minmin.js"></script>
    <!-- 开始 -->
    <header>
        <header>
            <div class="nav1">
                <div class="navl">
                    <ul class="navl-ul">
                        <li class="navl-li">
                            <a href="index.html">首页</a>
                        </li>
                        <li class="navl-li dawan">
                            <a href="houseList.html">二手房</a>
                            <ul id="navl-ull" style="z-index: 10;">
                                <li><a href="houseList.html">房源</a></li>
                                <li><a href="community.html">小区</a></li>
                                <li><a href="school.html">学校</a></li>
                                <li><a href="https://shenzhen.qfang.com/map/sale">地图找房</a></li>
                            </ul>
                        </li>
                        <li class="navl-li">
                            <a href="newhouseList.html">新房</a>
                            <ul id="navl-ull" style="z-index: 10;">
                                <li><a href="newhouseList.html">楼盘</a></li>
                                <li><a href="https://shenzhen.qfang.com/groupbuy">优惠活动</a></li>
                                <li><a href="https://shenzhen.qfang.com/newhouse/info">资讯</a></li>
                            </ul>
                        </li>
                        <li class="navl-li">
                            <a href="leaseHouseList.html">租房</a>
                            <ul id="navl-ull">
                                <li><a href="leaseHouseList.html">全部房源</a></li>
                                <li><a href="community.html">小区</a></li>
                                <li><a href="https://shenzhen.qfang.com/map/sale">地图找房</a></li>
                            </ul>
                        </li>
                        <li class="navl-li">
                            <a href="javascript:;">写字楼</a>
                            <ul id="navl-ull">
                                <li><a href="https://shenzhen.qfang.com/office/rent">写字楼首页</a></li>
                                <li><a href="https://shenzhen.qfang.com/office/rent">写字楼出租</a></li>
                                <li><a href="https://shenzhen.qfang.com/office/rent">写字楼出售</a></li>
                                <li><a href="https://shenzhen.qfang.com/office/share">共享办公</a></li>
                                <li><a href="https://shenzhen.qfang.com/office/sale">写字楼楼盘</a></li>
                            </ul>
                        </li>
                        <li class="navl-li">
                            <a href="javascript:;">海外</a>
                            <ul id="navl-ull">
                                <li><a href="https://hw.qfang.com/">海外首页</a></li>
                                <li><a href="https://hw.qfang.com/">海外地产</a></li>
                                <li><a href="https://hw.qfang.com/">海外资讯</a></li>
                            </ul>
                        </li>
                        <li class="navl-li">
                            <a href="community.html">小区</a>
                        </li>
                        <li class="navl-li">
                            <a href="https://shenzhen.qfang.com/fangjia">查房价</a>
                        </li>
                        <li class="navl-li">
                            <a href="houseList.html">查成交</a>
                            <ul id="navl-ull" style="z-index: 10;">
                                <li><a href="houseList.html">二手房成交</a></li>
                                <li><a href="leaseHouseList.html">租房成交</a></li>
                            </ul>
                        </li>
                        <li class="navl-li jingji">
                            <a href="javascript:;" class="jingji">经纪人</a>
                            <ul id="navl-ull" style="z-index: 10;">
                                <li><a href="middleman.html">二手房经纪人</a></li>
                                <li><a href="middleman.html">租房经纪人</a></li>
                            </ul>
                        </li>
                        <li class="navl-li">
                            <a href="dawanqu.html">大湾区</a>
                        </li>
                        <li class="navl-li">
                            <a href="https://baike.qfang.com/">指南</a>
                            <ul id="navl-ull" style="z-index: 10;">
                                <li><a href="https://baike.qfang.com/">房产知识</a></li>
                                <li><a href="https://baike.qfang.com/">房产问答</a></li>
                            </ul>
                        </li>
                        <li class="navl-li">
                            <a href="https://shenzhen.qfang.com/trust?type=sale">业主委托</a>
                        </li>
                        <li class="navl-li">
                            <a href="javascript:;">下载APP</a>
                            <div class="erweima" style="z-index: 10;">
                                <img src="../img/dawanqu/微信截图_20210125160640.png" alt="">
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="navr">
                    <span class="iconfont icon-wode"></span>
                    <a href="javascript:;">登录</a>
                    <i>|</i>
                    <a href="javascript:;">注册</a>
                </div>
            </div>
        </header>
        <!-- logo部分 -->
        <div class="logo same">
            <div class="logo_plate">
                <a href="javascript:;"></a>
            </div>
            <div class="nav_plate">
                <a href="javascript:;">房源</a>
                <a href="javascript:;" id="dangqianye">小区</a>
                <a href="javascript:;">学校</a>
                <a href="javascript:;">地图找房</a>
            </div>
            <div class="search-plate">
                <input class="keywords" id="keywords" type="text" placeholder="请输入房源特征、房型、地址或小区名...">
                <a class="search-btn" href="javascript:;">
                    <i class="iconfont iconsousuo-search"></i>
                </a>
            </div>
        </div>
        <!-- 蒙层 -->
        <div class="dialog-overlay" id="dialogSelectCity-overlay" style="z-index: 99;"></div>
        <!-- 出售信息标题 -->
        <div class="detail_head">
            <div class="title-wrapper same">
                <!--  <div class="left-con">
                <h2 class="house-title">紫园云墅</h2>
                <span class="onsell">在售</span>
                <div class="house-tags">
                    <div class="items">现房</div>
                    <div class="items">人车分流</div>
                </div>-->
            </div>
            <div class="detail-btns">
                <p class="btn-tel-order">
                    <a href="javascript:;">预约看房</a>
                </p>
            </div>
        </div>
        </div>
        <!-- 预约看房 -->
        <div class="takelook_head" id="takeLookHead">
            <a href="javascript:;" class="close">
                <i class="iconfont iconerror-1"></i>
            </a>
            <div class="takelook_container">
                <div class="takelook_form">
                    <ul>
                        <li class="take-look-group clearfix">
                            <span class="field fl"><em>*</em><i class="icons"></i></span>
                            <div class="take-look-input fl">
                                <input class="lf-keyword" id="name" type="text" placeholder="您的称呼，如李先生" maxlength="10" autocomplete="off">
                                <p class="lf-label"></p>
                            </div>
                        </li>

                        <li class="take-look-group mb-vcode clearfix">
                            <span class="field fl"><em>*</em><i class="icons"></i></span>
                            <div class="take-look-input fl">
                                <input class="lf-keyword js-only-num" type="text" placeholder="手机号" id="telNum" maxlength="11" autocomplete="off">
                                <p class="lf-label"></p>

                            </div>
                            <p class="mb-msg-code mb-msg-code-disable fl" id="getVCodeappo">获取短信验证码</p>

                        </li>

                        <li class="take-look-group clearfix">
                            <span class="field fl"><em>*</em><i class="icons"></i></span>
                            <div class="take-look-input fl">
                                <input class="lf-keyword js-only-num" type="text" placeholder="短信验证码" id="vcode" maxlength="6" autocomplete="off">
                                <p class="lf-label"></p>

                            </div>
                        </li>
                        <li class="take-look-group checking-date clearfix">
                            <span class="field fl">看房日期</span>
                            <div class="checking-date-item js-date clearfix" id="lookDateId">
                                <p class="at-any-time fl cur"><span>随时</span><i class="icons"></i></p>
                                <p class="fl" data-value="2021-01-29"><span>星期五</span><b>29</b><i class="icons"></i></p>
                                <p class="fl" data-value="2021-01-30"><span>星期六</span><b>30</b><i class="icons"></i></p>
                                <p class="fl" data-value="2021-01-31"><span>星期日</span><b>31</b><i class="icons"></i></p>
                                <p class="fl" data-value="2021-02-01"><span>星期一</span><b>01</b><i class="icons"></i></p>
                                <p class="fl" data-value="2021-02-02"><span>星期二</span><b>02</b><i class="icons"></i></p>
                                <p class="fl" data-value="2021-02-03"><span>星期三</span><b>03</b><i class="icons"></i></p>
                                <p class="fl" data-value="2021-02-04"><span>星期四</span><b>04</b><i class="icons"></i></p>
                            </div>
                        </li>
                        <li class="take-look-group checking-date js-time clearfix dn">
                            <span class="field fl">看房时间</span>
                            <div class="checking-date-item time clearfix" id="lookTimeId">
                                <p class="at-any-time cur fl"><span>全天</span><i class="icons"></i></p>
                                <p class="fl" data-value="MORNING"><span>上午</span><b>08:00-12:00</b><i class="icons"></i></p>
                                <p class="fl" data-value="NOON"><span>中午</span><b>12:00-14:00</b><i class="icons"></i></p>
                                <p class="fl" data-value="AFTERNOON"><span>下午</span><b>14:00-18:00</b><i class="icons"></i></p>
                                <p class="fl" data-value="NIGHT"><span>晚上</span><b>18:00-21:00</b><i class="icons"></i></p>
                            </div>
                        </li>
                        <li class="take-look-group clearfix">
                            <span class="field fl"><em>&nbsp;</em></span>
                            <div class="take-look-input fl">
                                <input id="extraInfo" class="lf-keyword lf-keyword-other" type="text" placeholder="其他说明" maxlength="30" autocomplete="off">
                            </div>
                        </li>

                        <li class="take-look-group clearfix">
                            <p class="btn-mapp"><a class="btn-orange" href="javascript:;" id="to_submitOrder">预约专车看房</a></p>
                        </li>
                    </ul>

                </div>

                <div class="take-look-side">
                    <p class="title">
                        <span class="big">看新房，免费专车接送</span>
                        <span class="small">已有<b id="customers"></b>人预约专车看房</span>
                    </p>
                    <p class="figure clearfix">
                        <span class="real">
                    <i class="icons"></i>
                    <em>真实</em>
                  </span>
                        <span class="in-time">
                    <i class="icons"></i>
                    <em>及时</em>
                  </span>
                        <span class="secrecy">
                    <i class="icons"></i>
                    <em>保密</em>
                  </span>
                    </p>
                </div>

            </div>
        </div>
        <!-- 指南导航栏 -->
        <div class="detail-guide same">
            <!-- <div class="crumbs-link">
            <div class="link_inner">
                <a target="_blank" rel="nofollow" href="/">深圳Q房网</a>
                <i class="iconfont iconarrow-right-copy"></i>
                <a target="_blank" rel="nofollow" href="/">深圳新房</a>
                <i class="iconfont iconarrow-right-copy"></i>
                <a target="_blank" rel="nofollow" href="/" class="cities_layer">龙岗新房 
                <em class="iconfont iconjiantouarrow486"></em>
                <div class="links-layer">
                <ul class="cities-opts">
                    <li><em>B</em><span>宝安新房</span></li>
                    <li><em>D</em><span>大鹏新区新房</span></li>
                    <li><em>F</em><span>福田新房</spanp></li>
                    <li><em>G</em><span>光明区新房</span></li>
                    <li><em>L</em><span>罗湖新房</span>
                    <span>龙岗新房</span>
                    <span>龙华新房</span></li>
                    <li><em>N</em><span>南山新房</span></li>
                    <li><em>P</em><span>坪山新房</span></li>
                    <li><em>Y</em><span>盐田新房</span></li>
                    <li><em>@</em><span>惠州新房</span>
                    <span>东莞新房</span></li>
                </ul>
            </div>
            </a>
                <i class="iconfont iconarrow-right-copy"></i>
                <a target="_blank" rel="nofollow" href="/">大运新城新房</a>
                <i class="iconfont iconarrow-right-copy"></i>
                <a href="javascript:;" class="cur">紫园云墅</a>
            </div> -->
        </div>
        </div>
        <!-- 图片+价格信息 轮播图 -->
        <div class="head_info same">
            <div class="swiperCon">
                <div class="swiper-container gallery-top">
                    <div class="swiper-wrapper">
                        <!-- <div class="swiper-slide" style="background-image:url(../img/4ead8565-74b2-41d7-9cb1-dd5f3e50de1a.jpg-w712x425)"></div>
                    <div class="swiper-slide" style="background-image:url(../img/屏幕截图\ 2021-01-25\ 165504.png)"></div>
                    <div class="swiper-slide" style="background-image:url(../img/屏幕截图\ 2021-01-25\ 165504.png)"></div>
                    <div class="swiper-slide" style="background-image:url(../img/屏幕截图\ 2021-01-25\ 165504.png)"></div> -->
                    </div>

                    <div class="swiper-button-next swiper-button-white"></div>
                    <div class="swiper-button-prev swiper-button-white"></div>
                </div>

                <div class="swiper-container gallery-thumbs">
                    <div class="swiper-wrapper">
                        <!-- <div class="swiper-slide show" style="background-image:url(../img/4ead8565-74b2-41d7-9cb1-dd5f3e50de1a.jpg-w712x425)"></div>
                    <div class="swiper-slide" style="background-image:url(../img/屏幕截图\ 2021-01-25\ 165504.png)"></div>
                    <div class="swiper-slide" style="background-image:url(../img/屏幕截图\ 2021-01-25\ 165504.png)"></div>
                    <div class="swiper-slide" style="background-image:url(../img/屏幕截图\ 2021-01-25\ 165504.png)"></div> -->
                    </div>

                    <div class="swiper-button-next swiper-button-white"></div>
                    <div class="swiper-button-prev swiper-button-white"></div>
                </div>


            </div>
            <div class="infoCon">
                <!-- 价格信息 -->
                <div class="info_price">
                    <!-- <dl class="price_box">
                    <dt><span>均价约</span><b class="number">55000</b>  
                        <em class="unit">
                            元/㎡
                        </em>
                    </dt>
                    <dd class="price-date">价格有效期：2021.01.25 - 2021.02.16</dd>
                </dl>
                <a class="price_reduction">
                    <i class="iconfont icon31jiangjia"></i> 降价通知
                </a> -->
                </div>
                <!-- 列表信息 -->
                <div class="head-list">
                    <!-- <ul>
                    <li class="items">
                        <div class="field fl">楼盘别名</div>
                        <div class="text fl">又一城,龙平紫园,龙城壹号</div>
                    </li>
                    <li class="items">
                        <div class="field fl">物业用途</div>
                        <div class="text fl">住宅</div>
                    </li>
                    <li class="items">
                        <div class="field fl">产权年限</div>
                        <div class="text fl">70年</div>
                    </li>
                    <li class="items">
                        <div class="field fl">开盘时间</div>
                        <div class="text fl">2018年05月16日</div>
                        <div id="open_notice_btn"><i class="iconfont icontime"></i>开盘提醒</div>
                    </li>
                    <li class="items">
                        <div class="field fl">交房时间</div>
                        <div class="text fl">2019年02月</div>
                    </li>
                    <li class="items">
                        <div class="field fl">预售证号</div>
                        <div class="text fl">深房许字（2016）龙岗025号</div>
                    </li>
                    <li class="items">
                        <div class="field fl">楼盘地址</div>
                        <div class="crop-wrap fl">
                            <div class="text fl">
                                [
                                <a style="pointer-events:none">龙岗</a>
                                <a style="pointer-events:none">大运新城</a> ]
                                <a style="pointer-events:none">黄阁路与龙平西路交汇处西侧</a>
                            </div>
                            <i class="iconfont iconfuwudizhi fl" id="addressJump"></i>
                        </div>
                    </li>
                </ul> -->
                </div>
                <!-- 电话号码 -->
                <div class="head_phone">
                    <div class="fl">
                        <div class="tel-num">
                            <b class="number">400-043-6688</b>
                            <em class="zhuan">转</em>
                            <b class="number">2099</b>
                        </div>
                        <div class="detail-btns">
                            <p class="focus-on-housing">
                                <a href="javascript:;" data-text="关注房源" class="afocuson">关注房源</a>
                                <a href="JavaScript:;">已关注</a>
                            </p>
                            <p class="btn-tel-order">
                                <a href="javascript:;">预约看房</a>
                            </p>
                        </div>
                        <!-- end btns -->
                    </div>
                    <!-- 小程序 -->
                    <div class="xiaochengxu fr">
                        <img class="lazy-load" src="../img/xiaochengxu.jpg" width="116" height="116" style="display: inline-block;">
                        <p class="text">微信扫码拨号</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 吸顶 -->
        <div class="ceiling_suction same fixed">
            <div class="ceiling_fixed same">
                <div class="fl">
                    <a href="#scrollto_8" class="on">楼盘优惠</a>
                    <a href="#scrollto_1">户型图</a>
                    <a href="#scrollto_2">楼盘动态</a>
                    <a href="#scrollto_3">楼盘信息</a>
                    <a href="javascript:;">楼盘相册</a>
                    <a href="#scrollto_4">周边配套</a>
                    <a href="#scrollto_5">推荐顾问</a>
                    <a href="#scrollto_6">周边楼盘</a>
                </div>
            </div>
        </div>
        <!-- 主体内容 -->
        <main class="same">
            <!-- 楼盘优惠 -->
            <div class="House_type" id="scrollto_8">
                <div class="house_title">楼盘优惠</div>
                <div class="preferential-list">
                    <div class="items clearfix">
                        <i class="icons circle-top"></i>
                        <i class="icons circle-bottom"></i>
                        <div class="main fl">
                            <div class="title">
                                <a class="link" href="javascript:;">一站式生活</a>
                            </div>
                            <div class="description">又一城毗邻地铁16号线出行无忧；有4大公园环绕，还有星河cocopark、海雅百货、天虹等一站式生活体验，满足日常所需。建面77-89㎡2-3房在售中！</div>
                        </div>
                        <div class="side fr get-preferential">
                            <a id="newhouse_detail_apply" class="btn-get " flgid="22747" flgname="紫园云墅" flgfavtitle="一站式生活" href="javascript:;">获取优惠</a>
                            <div class="date">有效日期：2020-06-02-2021-06-02</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 户型图 -->
            <div class="House_type" id="scrollto_1">
                <!-- 户型标题 -->
                <div class="house_title">
                    <span class="fl">户型图</span>
                    <div class="save_to_phone fr">
                        <i class="iconfont iconerweima"></i>保存到手机
                        <div class="save_to_box">
                            <img src="../img/xiaochengxu.jpg" alt="">
                            <p class="text">微信扫一扫，保存到手机</p>
                        </div>
                    </div>
                </div>
                <!-- 选项卡 -->
                <div class="select-tabs">
                    <a class="items active" href="javascript:;">全部</a>
                    <a class="items " href="javascript:;">
                        5室 [188 -243㎡]
            </a>
                    <a class="items " href="javascript:;">
                        7室 [235㎡]
            </a>
                </div>
                <!-- 列表 -->
                <div class="House_type_list on">
                    <ul class="show">
                        <li class="clearfix ">
                            <div class="newhs-dmf-photo fl">
                                <a href="javascript:;" class="view-layout-image">
                                    <img alt="紫园云墅243平，总价约1332-1369万" src="../img/03c.jfif" data-active="1" width="178" height="133">
                                </a>
                                <div class="vr-wrap-position">
                                    <img class="vr" src="../img/vr.png">
                                </div>
                            </div>
                            <div class="newhs-dmf-center fl">
                                <div class="clearfix">
                                    <p class="title clearfix">
                                        <span>
							5室2厅
						</span>
                                        <span>建筑面积243㎡</span>
                                        <span class="tag onsell">在售</span>
                                    </p>
                                    <p class="newhs-dmf-price fr"><span>1332-1369</span> 万
                                    </p>
                                </div>
                                <div class="newhs-dmf-right clearfix">
                                    <div class="fl">
                                        <p class="newhs-dmf-comm">
                                            <span>首付3成：</span>
                                            <em>400万</em>
                                        </p>
                                        <p class="newhs-dmf-comm">
                                            <span>建筑面积：</span>
                                            <em>243㎡</em>
                                        </p>
                                    </div>
                                    <div class="fl">
                                        <p class="newhs-dmf-comm">
                                            <span>参考月供：</span>
                                            <em>49485元/月</em>
                                        </p>
                                    </div>
                                    <p class="recalculate-mortgage fl"><a href="javascript:;"><i class="iconfont iconziyuan"></i><span>计算器</span></a></p>
                                </div>
                                <div class="tags clearfix">
                                    <p class="tag-item random-style1">户型方正</p>
                                    <p class="tag-item random-style2">全明格局</p>
                                </div>
                            </div>
                        </li>
                        <li class="clearfix ">
                            <div class="newhs-dmf-photo fl">
                                <a href="javascript:;" class="view-layout-image">
                                    <img alt="紫园云墅243平，总价约1332-1369万" src="../img/03c.jfif" data-active="1" width="178" height="133">
                                </a>
                                <div class="vr-wrap-position">
                                    <img class="vr" src="../img/vr.png">
                                </div>
                            </div>
                            <div class="newhs-dmf-center fl">
                                <div class="clearfix">
                                    <p class="title clearfix">
                                        <span>
							5室2厅
						</span>
                                        <span>建筑面积243㎡</span>
                                        <span class="tag onsell">在售</span>
                                    </p>
                                    <p class="newhs-dmf-price fr"><span>1332-1369</span> 万
                                    </p>
                                </div>
                                <div class="newhs-dmf-right clearfix">
                                    <div class="fl">
                                        <p class="newhs-dmf-comm">
                                            <span>首付3成：</span>
                                            <em>400万</em>
                                        </p>
                                        <p class="newhs-dmf-comm">
                                            <span>建筑面积：</span>
                                            <em>243㎡</em>
                                        </p>
                                    </div>
                                    <div class="fl">
                                        <p class="newhs-dmf-comm">
                                            <span>参考月供：</span>
                                            <em>49485元/月</em>
                                        </p>
                                    </div>
                                    <p class="recalculate-mortgage fl"><a href="javascript:;"><i class="iconfont iconziyuan"></i><span>计算器</span></a></p>
                                </div>
                                <div class="tags clearfix">
                                    <p class="tag-item random-style1">户型方正</p>
                                    <p class="tag-item random-style2">全明格局</p>
                                </div>
                            </div>
                        </li>
                        <li class="clearfix ">
                            <div class="newhs-dmf-photo fl">
                                <a href="javascript:;" class="view-layout-image">
                                    <img alt="紫园云墅243平，总价约1332-1369万" src="../img/03c.jfif" data-active="1" width="178" height="133">
                                </a>
                                <div class="vr-wrap-position">
                                    <img class="vr" src="../img/vr.png">
                                </div>
                            </div>
                            <div class="newhs-dmf-center fl">
                                <div class="clearfix">
                                    <p class="title clearfix">
                                        <span>
							5室2厅
						</span>
                                        <span>建筑面积243㎡</span>
                                        <span class="tag onsell">在售</span>
                                    </p>
                                    <p class="newhs-dmf-price fr"><span>1332-1369</span> 万
                                    </p>
                                </div>
                                <div class="newhs-dmf-right clearfix">
                                    <div class="fl">
                                        <p class="newhs-dmf-comm">
                                            <span>首付3成：</span>
                                            <em>400万</em>
                                        </p>
                                        <p class="newhs-dmf-comm">
                                            <span>建筑面积：</span>
                                            <em>243㎡</em>
                                        </p>
                                    </div>
                                    <div class="fl">
                                        <p class="newhs-dmf-comm">
                                            <span>参考月供：</span>
                                            <em>49485元/月</em>
                                        </p>
                                    </div>
                                    <p class="recalculate-mortgage fl"><a href="javascript:;"><i class="iconfont iconziyuan"></i><span>计算器</span></a></p>
                                </div>
                                <div class="tags clearfix">
                                    <p class="tag-item random-style1">户型方正</p>
                                    <p class="tag-item random-style2">全明格局</p>
                                </div>
                            </div>
                        </li>
                        <li class="clearfix dn">
                            <div class="newhs-dmf-photo fl">
                                <a href="javascript:;" class="view-layout-image">
                                    <img alt="紫园云墅243平，总价约1332-1369万" src="../img/03c.jfif" data-active="1" width="178" height="133">
                                </a>
                                <div class="vr-wrap-position">
                                    <img class="vr" src="../img/vr.png">
                                </div>
                            </div>
                            <div class="newhs-dmf-center fl">
                                <div class="clearfix">
                                    <p class="title clearfix">
                                        <span>
							5室2厅
						</span>
                                        <span>建筑面积243㎡</span>
                                        <span class="tag onsell">在售</span>
                                    </p>
                                    <p class="newhs-dmf-price fr"><span>1332-1369</span> 万
                                    </p>
                                </div>
                                <div class="newhs-dmf-right clearfix">
                                    <div class="fl">
                                        <p class="newhs-dmf-comm">
                                            <span>首付3成：</span>
                                            <em>400万</em>
                                        </p>
                                        <p class="newhs-dmf-comm">
                                            <span>建筑面积：</span>
                                            <em>243㎡</em>
                                        </p>
                                    </div>
                                    <div class="fl">
                                        <p class="newhs-dmf-comm">
                                            <span>参考月供：</span>
                                            <em>49485元/月</em>
                                        </p>
                                    </div>
                                    <p class="recalculate-mortgage fl"><a href="javascript:;"><i class="iconfont iconziyuan"></i><span>计算器</span></a></p>
                                </div>
                                <div class="tags clearfix">
                                    <p class="tag-item random-style1">户型方正</p>
                                    <p class="tag-item random-style2">全明格局</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!-- 点击出现剩下的列表 -->
                    <p class="remaining-list closed">
                        <a href="javascript:;">
                            <span>点击查看剩余1套户型图</span>
                            <i class="iconfont iconjiantou-copy-copy"></i>
                        </a>
                    </p>
                </div>

                <div class="House_type_list">1
                </div>
                <div class="House_type_list">2
                </div>
            </div>
            <!-- 楼盘动态 -->
            <div class="House_type same" id="scrollto_2">
                <!-- 动态标题 -->
                <div class="house_title">
                    <span class="fl">楼盘动态</span>
                    <div class="save_to_phone fr">
                        <i class="iconfont iconerweima"></i>订阅动态
                    </div>
                </div>
                <!-- 动态时间线 -->
                <div class="dynamic-tree">
                    <ul id="newhouseNews">
                        <!-- 动态 -->
                        <!-- <li class="dynamic-tree-item  clearfix">
                        <p class="date fl">
                            <span>01月26日</span>
                            <em>2021年</em>
                        </p>
                        <div class="con fl">
                            <p class="node-circle"><i class="iconfont icontime"></i></p>
                            <div class="dynamic-tree-con">
                                <i class="icons_saledetails arrow"></i>
                                <div class="title">尽享深中学教育</div>

                                <div class="dynamic-tree-text">
                                    紫园云墅准现楼在售，尽享深中学教育，房墅级品质，紧邻盐龙大道，3线地铁，通达全城。
                                </div>

                            </div>
                        </div>
                    </li> -->
                        <!-- 动态 -->
                        <!-- <li class="dynamic-tree-item  clearfix">
                        <p class="date fl">
                            <span>01月12日</span>
                            <em>2021年</em>
                        </p>
                        <div class="con fl">
                            <p class="node-circle"><i class="iconfont icontime"></i></p>
                            <div class="dynamic-tree-con">
                                <i class="icons_saledetails arrow"></i>
                                <div class="title">紧邻地铁</div>

                                <div class="dynamic-tree-text">
                                    紫园云墅位于16号线双地铁口，干线交通贯穿粤港澳大湾区，多维交通助力城际枢纽落地。
                                </div>

                            </div>
                        </div>
                    </li> -->
                        <!-- 动态 -->
                        <!-- <li class="dynamic-tree-item clearfix last">
                        <p class="date fl">
                            <span>12月28日</span>
                            <em>2020年</em>
                        </p>
                        <div class="con fl">
                            <p class="node-circle"><i class="iconfont icontime"></i></p>
                            <div class="dynamic-tree-con">
                                <i class="icons_saledetails arrow"></i>
                                <div class="title">坐拥醇熟配套</div>

                                <div class="dynamic-tree-text">
                                    紫园云墅四公园环绕，出门即置身城市天然氧吧，还享剧院、图书馆、COCOPARK、万科里等醇熟配套。
                                </div>

                            </div>
                        </div>
                    </li> -->
                    </ul>
                </div>
                <!-- 点击出现剩下的列表 -->
                <p class="more-dynamic" id="expandNews">更多楼盘动态</p>
                <p class="more-dynamic" style="display: none;" id="shouqi">收起</p>
            </div>
            <!-- 楼盘信息 -->
            <div class="House_type same" id="scrollto_3">
                <!-- 楼盘动态 -->
                <div class="house_title">
                    <span class="fl">楼盘信息</span>
                </div>
                <!-- 表格信息 -->
                <div class="house-info clearfix">
                    <span class="field-frontend fl">基本属性</span>
                    <ul class="arrange-list clearfix">
                        <li class="items fl clearfix">
                            <div class="field fl">楼盘名称：</div>
                            <div class="text">紫园云墅</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">楼盘别名：</div>
                            <div class="text">又一城,龙平紫园,龙城壹号</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">参考均价：</div>
                            <div class="text">
                                55000 元/m²
                            </div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">参考总价：</div>
                            <div class="text">
                                1034万/套起
                            </div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">物业类型：</div>
                            <div class="text">住宅</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">物业用途：</div>
                            <div class="text"> 住宅
                            </div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">装修情况：</div>
                            <div class="text">毛坯</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">产权年限：</div>
                            <div class="text">70年</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">开<em class="gap-hfword"></em>发<em class="gap-hfword"></em>商：</div>
                            <div class="text word-break">深圳市中民投资发展有限公司</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">楼盘地址：</div>
                            <div class="text word-break">黄阁路与龙平西路交汇处西侧</div>
                        </li>
                    </ul>
                </div>
                <div class="house-info clearfix">
                    <span class="field-frontend fl">销售信息</span>
                    <ul class="arrange-list clearfix">
                        <li class="items fl clearfix">
                            <div class="field fl">销售状态：</div>
                            <div class="text">在售</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">在售户型</div>
                            <div class="text">5/7室</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">户型面积：</div>
                            <div class="text">188-243㎡</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">开盘时间：</div>
                            <div class="text fl">2018年05月16日</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">交房时间：</div>
                            <div class="text">2019年02月</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">售楼地址：</div>
                            <div class="text word-break">龙岗中心城龙平西路与黄阁路交汇处西侧</div>
                        </li>
                    </ul>
                </div>
                <div class="house-info clearfix">
                    <span class="field-frontend fl">小区信息</span>
                    <ul class="arrange-list clearfix">
                        <li class="items fl clearfix">
                            <div class="field fl">总<em class="gap-hfword"></em>户<em class="gap-hfword"></em>数：</div>
                            <div class="text">836</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">容<em class="gap-hfword"></em>积<em class="gap-hfword"></em>率：</div>
                            <div class="text">3.49</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">绿<em class="gap-hfword"></em>化<em class="gap-hfword"></em>率：</div>
                            <div class="text">30%</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">占地面积：</div>
                            <div class="text">34498㎡</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">建筑面积：</div>
                            <div class="text">157,300㎡</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">预售许可证：</div>
                            <div class="text">深房许字（2016）龙岗025号</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">物业费用：</div>
                            <div class="text">
                                暂无信息
                            </div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">车位数量：</div>
                            <div class="text">1197</div>
                        </li>
                        <li class="items fl clearfix">
                            <div class="field fl">物业公司：</div>
                            <div class="text word-break">晨辉物业</div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 周边配套 地图 -->
            <div class="House_type same" id="scrollto_4">
                <div class="anchor-title" id="switchMap">
                    <b class="cur" data-type="peripheral-supporting" id="mapPoiTab">周边配套</b>
                    <p class="js-map-tabs fr">
                        <span class="luxian fr" data-type="msc"><i class="iconfont iconicon-test"></i><em>路线</em></span>
                        <span class="zhoubian cur fr" data-type="msl"><i class="iconfont iconfuwudizhi"></i><em>周边</em></span>
                    </p>
                </div>
                <!-- 引入地图插件 -->
                <div class="w1150">
                    <div class="video-wrapper">
                        <div class="location-main">
                            <div class="fl location-shop-con">
                                <div class="choice-box">
                                    <a href="javascript:;" class="current">交通</a>
                                    <a href="javascript:;">学校</a>
                                    <a href="javascript:;">医疗</a>
                                    <a href="javascript:;">商超</a>
                                    <a href="javascript:;">生活</a>
                                    <a href="javascript:;">其他</a>
                                </div>
                                <div class="location-shop-detail">
                                    <ul class="location-list js-store" id="store-list" style="height:450px;overflow: scroll">
                                    </ul>
                                    <div class="xm-controls xm-controls-small js-pager-controls" page="1" style="float: left;">
                                    </div>
                                </div>
                            </div>
                            <div class="location-map">
                                <div id="container" style="width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 0; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align:left;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- 推荐顾问 -->
            <div class="House_type same" id="scrollto_5">
                <div class="anchor-title">
                    <b class="cur" data-type="peripheral-supporting">推荐顾问</b>
                </div>
                <div class="advisor-description clearfix">
                    <div class="items">
                        <i class="iconfont iconduihao2"></i>
                        <span class="text">全程免费</span>
                    </div>
                    <div class="items">
                        <i class="iconfont iconduihao2"></i>
                        <span class="text">专业服务</span>
                    </div>
                    <div class="items">
                        <i class="iconfont iconduihao2"></i>
                        <span class="text">楼盘解读</span>
                    </div>
                    <div class="items">
                        <i class="iconfont iconduihao2"></i>
                        <span class="text">户型解析</span>
                    </div>
                </div>
                <div class="advisor-list clearfix">
                    <ul class="clearfix">
                        <li class="items fl">
                            <div class="photo fl">
                                <a target="_blank" href="/shop/810575909">
                                    <img class="lazy-load" src="
                                        https://erp-oss.qfang.com/qfangonline/2020/11/24/819857ff-7e44-4dbc-8690-2bc35ee47ead.jpg-165x220
                                    ">
                                </a>
                            </div>
                            <div class="detail-container none-qchat fl">
                                <div class="clearfix">
                                    <p class="name fl">
                                        <a href="/shop/810575909" target="_blank" class="advisor_name">冉亮</a></p>
                                    <div class="company fl">Q房网</div>
                                </div>
                                <div class="clearfix">
                                    <div class="position fl">店经理</div>
                                    <div class="gap-line fl"></div>
                                    <div class="store fl">中海康城四分店</div>
                                </div>
                                <div class="mobile-number">4000167201转10981</div>
                            </div>
                        </li>
                        <li class="items fl">
                            <div class="photo fl">
                                <a target="_blank" href="/shop/805662606">
                                    <img class="lazy-load" src="
                                        https://erp-oss.qfang.com/qfangonline/2020/11/24/f97f6e48-4aa3-44f7-a8d1-56e8688a38ec.jpg-165x220
                                    ">
                                </a>
                            </div>
                            <div class="detail-container none-qchat fl">
                                <div class="clearfix">
                                    <p class="name fl">
                                        <a href="/shop/805662606" target="_blank">谢小君</a></p>
                                    <div class="company fl">Q房网</div>
                                </div>
                                <div class="clearfix">
                                    <div class="position fl">店经理</div>
                                    <div class="gap-line fl"></div>
                                    <div class="store fl">紫悦龙庭南一分店</div>
                                </div>
                                <div class="mobile-number">4000167201转10979</div>
                            </div>
                        </li>
                        <li class="items fl">
                            <div class="photo fl">
                                <a target="_blank" href="/shop/109023725">
                                    <img class="lazy-load" src="
                                        https://erp-oss.qfang.com/qfangonline/2020/11/24/ed7a291a-ebab-4756-a97e-7cdc706794a1.jpg-165x220
                                    ">
                                </a>
                            </div>
                            <div class="detail-container none-qchat fl">
                                <div class="clearfix">
                                    <p class="name fl">
                                        <a href="/shop/109023725" target="_blank">李俊频</a></p>
                                    <div class="company fl">Q房网</div>
                                </div>
                                <div class="clearfix">
                                    <div class="position fl">高级店经理</div>
                                    <div class="gap-line fl"></div>
                                    <div class="store fl">大运三分店</div>
                                </div>
                                <div class="mobile-number">4000167201转10980</div>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
            <!-- 周边楼盘 -->
            <div class="House_type same" id="scrollto_6">
                <div class="same_superstructure" id="nearby">
                    <div class="anchor-title">
                        <b class="cur" data-type="peripheral-supporting">周边楼盘</b>
                    </div>
                    <div class="ambitus_list">
                        <ul class="cintainer">
                            <!-- <li class="items">
                            <a href="javascript:;">
                                <div class="ambitus_pic">
                                    <img src="../img/036abe1e28-f911-456d-830b-753e7ffb57a7.jpg-274x268" alt="">
                                </div>
                                <div class="ambitus_name">
                                    <div class="house_name">
                                        恒大锦苑
                                        <span class="title-supplement">龙岗 龙岗中心城</span>
                                    </div>
                                    <div class="price">
                                        <span class="number fl">39000</span>
                                        <div class="unit">元/m²</div>
                                        <div class="promotion-sign">推广</div>
                                    </div>
                                </div>
                            </a>
                        </li> -->
                        </ul>
                    </div>
                </div>
                <div class="same_superstructure" id="similarPrice">
                    <div class="anchor-title">
                        <b class="cur" data-type="peripheral-supporting">同价位楼盘</b>
                    </div>
                    <div class="ambitus_list">
                        <ul class="cintainer">
                        </ul>
                    </div>
                </div>

            </div>
            <!-- 周边二手房 -->
            <div class="House_type same" id="scrollto_7">
                <div class="same_superstructure">
                    <div class="anchor-title">
                        <b class="cur" data-type="peripheral-supporting">周边二手房</b>
                    </div>
                    <div class="ambitus_list" id="secondhand">
                        <ul class="cintainer">
                        </ul>
                    </div>
                </div>
            </div>
            <!-- 免责声明 -->
            <div class="disclaimer">免责声明：楼盘信息均来自于项目开发商，页面所载内容及数据仅供参考，最终价格及其他信息均以政府登记备案及项目售楼处为准。</div>
        </main>
        <!-- 尾部 -->
        <footer>
            <div id="bottom">
                <div class="bottombx">
                    <div class="footer-text">
                        Q房网深圳新房网，为您提供深圳紫园云墅新房，深圳紫园云墅新楼盘信息，包括深圳新开楼盘价格、新楼盘开盘动态、新房房价走势信息等。VR找房、房贷计算器、房价走势等功能，帮您快速找房。查看更多深圳新房请上Q房网房产信息平台。手机版：
                        <a class="link" href="javascript:;">深圳紫园云墅新房
                    </a>
                    </div>
                    <div class="regard">
                        <p class="regardleft">
                            <a href="javascript:;">关于Q房</a>
                            <a href="javascript:;">人才招聘</a>
                            <a href="javascript:;">联系我们</a>
                            <a href="javascript:;">用户协议</a>
                            <a href="javascript:;">友情链接</a>
                            <a href="javascript:;">网站地图</a>
                            <a href="javascript:;">新上房源</a>
                            <a href="javascript:;">房产知识</a>
                            <a href="javascript:;">房产问答</a>
                            <a href="javascript:;">房产二手房</a>
                            <a href="javascript:;">热门租房</a>
                            <a href="javascript:;">热门新房</a>
                        </p>
                        <p class="regardRight">
                            <img src="../img/bottomtab_03.png" alt="">
                        </p>
                    </div>
                    <!-- 新房推荐 -->
                    <div class="bottomxxka">
                        <p class="btControl">
                            <a href="javascript:;">新房推荐</a>
                        </p>
                        <div class="items  clearfix">
                            <a href="/newhouse/200062304" target="_blank">三正鹏程上花园新房</a>
                            <a href="/newhouse/110000805" target="_blank">融创都会新房</a>
                            <a href="/newhouse/110001318" target="_blank">远洋新干线二期新房</a>
                            <a href="/newhouse/110000798" target="_blank">合正城市广场新房</a>
                            <a href="/newhouse/1102273" target="_blank">奥林华府一期新房</a>
                            <a href="/newhouse/3507069" target="_blank">壹锦园新房</a>
                            <a href="/newhouse/3516113" target="_blank">中海云麓花园新房</a>
                            <a href="/newhouse/1103375" target="_blank">颐安都会中央2期 新房</a>
                            <a href="/newhouse/3516139" target="_blank">御景蓝湾公馆新房</a>
                            <a href="/newhouse/3506597" target="_blank">嘉亿爵悦新房</a>
                            <a href="/newhouse/3512167" target="_blank">星河上寓新房</a>
                            <a href="/newhouse/100000039" target="_blank">佳兆业未来城新房</a>
                            <a href="/newhouse/1102284" target="_blank">鸿威de森林新房</a>
                            <a href="/newhouse/1100739" target="_blank">百合盛世新房</a>
                            <a href="/newhouse/1103684" target="_blank">东都花园新房</a>
                            <a href="/newhouse/1103658" target="_blank">万科广场新房</a>
                            <a href="/newhouse/100000255" target="_blank">琳珠华庭新房</a>
                            <a href="/newhouse/3507988" target="_blank">三正瑞士公馆新房</a>
                            <a href="/newhouse/1103709" target="_blank">海航城新房</a>
                            <a href="/newhouse/3508071" target="_blank">朗泓龙园大观新房</a>
                        </div>
                    </div>
                    <!-- 检索 -->
                    <div class="retrieval">
                        <ul>
                            <li class="botjs">
                                按字母检索：
                                <a href="javascript:;" class="items">A</a>
                                <a href="javascript:;" class="items">B</a>
                                <a href="javascript:;" class="items">C</a>
                                <a href="javascript:;" class="items">D</a>
                                <a href="javascript:;" class="items">E</a>
                                <a href="javascript:;" class="items">F</a>
                                <a href="javascript:;" class="items">G</a>
                                <a href="javascript:;" class="items">H</a>
                                <a href="javascript:;" class="items">I</a>
                                <a href="javascript:;" class="items">J</a>
                                <a href="javascript:;" class="items">K</a>
                                <a href="javascript:;" class="items">L</a>
                                <a href="javascript:;" class="items">M</a>
                                <a href="javascript:;" class="items">N</a>
                                <a href="javascript:;" class="items">O</a>
                                <a href="javascript:;" class="items">P</a>
                                <a href="javascript:;" class="items">Q</a>
                                <a href="javascript:;" class="items">R</a>
                                <a href="javascript:;" class="items">S</a>
                                <a href="javascript:;" class="items">T</a>
                                <a href="javascript:;" class="items">U</a>
                                <a href="javascript:;" class="items">V</a>
                                <a href="javascript:;" class="items">W</a>
                                <a href="javascript:;" class="items">S</a>
                                <a href="javascript:;" class="items">Y</a>
                                <a href="javascript:;" class="items">Z</a>
                            </li>
                            <li class="botbera fl">
                                Copyright。2013~2021 qfang.com All Rights Reserved ICP备案号:粤ICP备05067219号

                            </li>
                            <div class="ebsgovicon" id="ebsgoviconParent">
                                <a href="https://szcert.ebs.org.cn/A62A7CBC-957D-4104-A773-090987C97144" target="_blank">
                                    <img src="../img/govIcon.gif" title="深圳市市场监督管理局企业主体身份公示" alt="深圳市市场监督管理局企业主体身份公示" width="20" height="27.5">
                                </a>
                            </div>
                            <li>
                                公司名称:深圳市云房网络科技有限公司
                            </li>

                        </ul>
                    </div>
                </div>
        </footer>
        <!-- 右边侧边栏 -->
        <div id="sidebar">
            <div class="sidebarbx">
                <a href="../templates/shopCar.html" class="follow_box">
                    <div class="items follow">
                        <i class="iconfont icon-guanzhu"></i>
                        <span>关注</span>
                    </div>
                    <div class="item-layer follow_text">
                        <i class="arrow"></i>
                        <div class="text">我关注的房源</div>
                    </div>
                </a>

                <a href="javascript:;" class="qualification_box">
                    <div class="items qualification">
                        <i class="iconfont icon-zizhi"></i>
                        <span>资质</span>
                    </div>
                    <div class="item-layer qualification_text">
                        <i class="arrow"></i>
                        <div class="text">测试购房资质</div>
                    </div>
                </a>
                <a href="javascript:;" class="app_box">
                    <div class="items app">
                        <i class="iconfont icon-saoyisao"></i>
                        <span>APP</span>
                    </div>
                    <div class="item-layer app_text">
                        <div class="qrcode-app-show">
                            <i class="arrow" id="arrow"></i>
                            <img src="../img/qrcode-app-download.png" width="84" height="84">
                            <div class="text text_app">Q房APP下载</div>
                        </div>
                    </div>
                </a>
                <a href="javascript:;" class="fhdb">
                    <div class="top">
                        <i class="iconfont icon-xiaohuojian"></i>
                        <span>TOP</span>
                    </div>
                    <div class="item-layer top_text">
                        <i class="arrow"></i>
                        <div class="text">返回顶部</div>
                    </div>
                </a>
            </div>
        </div>


</body>
<script src="../js/communitydetails.js"></script>
<script src="../js/map.js"></script>

</html>